<template>
  <el-dialog
    :visible.sync="dialogVisible"
    width="800px"
    :before-close="handleClose"
    :close-on-click-modal="false"
    append-to-body
    title="领取记录"
    center
  >
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column type="index" label="编号" align="center" width="120"> </el-table-column>
      <el-table-column prop="name" align="center" label="姓名">
      </el-table-column>
      <el-table-column prop="phone" align="center" label="手机号">
      </el-table-column>
      <el-table-column prop="created_at" align="center" label="领取时间">
      </el-table-column>
    </el-table>
  </el-dialog>
</template>

<script>
import { ApiGetReceiveRecord } from "../../../../api/index";
export default {
  data() {
    return {
      info: {
        title: "",
      },
      tableData: [],
      dialogVisible: false,
    };
  },

  methods: {
    show(row) {
      ApiGetReceiveRecord(row.id)
        .then((res) => {
          this.tableData = res.data;
        })
        .then(() => {
          this.dialogVisible = true;
        });
    },

    handleClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

<style></style>
